import echarts from "../chartHooks/echarts";
import type { EChartsOption } from "echarts";

export const rightBottomConfig = (xData: any, yData: any): EChartsOption => ({
  tooltip: {
    trigger: "item",
  },
  legend: {
    top: "5%",
    left: "left",
    textStyle: {
      color: "#fff",
    },
  },
  series: [
    {
      name: "Test",
      type: "pie",
      radius: ["60%", "70%"],
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: "center",
      },
      emphasis: {
        label: {
          show: true,
          fontSize: 40,
          fontWeight: "bold",
        },
      },
      labelLine: {
        show: false,
      },
      data: [
        { value: 848, name: "test1" },
        { value: 735, name: "test2" },
        { value: 580, name: "test3" },
        { value: 484, name: "test4" },
      ],
    },
  ],
});
